<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <title>20201260618-刘世宇-taptap</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/second.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>

<body>
    <div id="main">
        <div id="head"></div>
        <div id="fixed">
            <a href="./index.html"><span class="iconfont icon-zuo"></span></a>
            <h3>鬼泣-巅峰之战</h3>
            <a href="#"><span class="iconfont icon-gengduo"></span></a>
        </div>
        <div><img src="./img/zuoye5-1.jpg"></div>
        <div class="bt">
            <img src="./img/touxiang1-2.jpg">
            <div>
                <h3>鬼泣-巅峰之战</h3>
                <span class="iconfont icon-chakangengduo"></span>
                <p>开发者入驻</p>
            </div>
        </div>
        <div class="js">
            <div class="cs">
                <div>
                    <h5>厂商：</h5>
                    <p>云畅游戏</p>
                </div>
                <div>
                    <h5>下载：</h5>
                    <p>65w</p>
                </div>
                <div>
                    <h5>关注：</h5>
                    <p>179w</p>
                </div>
            </div>
            <div class="tp">
                <span class="iconfont icon-pingfen"></span>
                <h3>7.3</h3>
            </div>
        </div>
        <div id="xz">
            <a href="#">
                <span class="iconfont icon-icon-download"></span>
                <p>下载 1.89GB</p>
            </a>
        </div>
        <div class="lt">
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 关注</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 评价 1.1万</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 论坛</p>
                </a>
            </div>
        </div>
        <div class="swiper-container" id="s2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/zuoye5-1.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye5-2.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye5-3.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye5-4.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye5-5.jpg">
                </div>
            </div>
        </div>
        <div class="jj">
            <div class="bit">
                <h4>简介</h4>
                <a href="./wenben1-1.html">
                    <p>查看全部</p>
                </a>
            </div>
            <div class="wb">
                <p>
                    关于鬼泣-巅峰之战
                    CAPCOM殿堂级动作IP授权手游《鬼泣-巅峰之战》正式推出，原厂
                    CAPCOM官方团队全程监制，携国内优秀团队云畅游戏联手打造。深
                    度还原暗黑哥特庞大世界,极致视觉再现系列巅峰品质，带你感受主
                    机级画质下的全屏幕畅爽作战。业界领先动捕技术加持,踩怪弹反,
                    浮空追闪...

                </p>
            </div>
            <div class="bit">
                <h4>开发者的话</h4>
                <a href="./wenben1-2.html">
                    <p>查看全部</p>
                </a>
            </div>
            <div class="wb">
                <p>
                    目前我们发现有人有极少部分玩家受到蛊惑使用外挂作弊，还有个别
                    用户在四处传播和兜售外挂工具。
                    为了维护公平的游戏环境，我们已经封禁了一批使用外挂的账号，同
                    时通过技术手段让使用外挂的账号强制退出游戏。
                    如果您发现账号被封或游戏频繁闪退，是因为使用外挂的被限制。
                    后续我们会加强技术手段让外挂工具无可乘之机...
                </p>
            </div>

        </div>
        <div class="xxxx">
            <h4>详细信息</h4>
            <div>
                <p>厂商</p>
                <p>云畅游戏</p>
            </div>
            <div>
                <p>是否有内购</p>
                <p>有内购</p>
            </div>
            <div>
                <p>语言</p>
                <p>简体中文</p>
            </div>
            <div>
                <p>当前版本</p>
                <p>1.0.0.218228</p>
            </div>
            <div>
                <p>游戏大小</p>
                <p>1.89GB</p>
            </div>
            <div>
                <p>更新时间</p>
                <p>2021-06-08</p>
            </div>
            <div>
                <p>网络</p>
                <p>需要</p>
            </div>
            <div>
                <p>系统版本要求</p>
                <p>无系统需求</p>
            </div>
        </div>
    </div>

    <script src="./js/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper('#s2', {
            slidesPerView: 1,
            spaceBetween: 8,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
        });
        window.onscroll = function () {
            var st = document.documentElement.scrollTop || document.body.scrollTop;
            // 滚动事件documentElement为滚动事件代码
            console.log(st);
            var h = head.offsetHeight;
            if (st > h) {
                fixed.style.position = "fixed"
                main.style.marginTop = "60px";
            } else {
                fixed.style.position = "static"
                main.style.marginTop = 0;
            }
        }
    </script>
</body>

</html>